<!DOCTYPE html>
<html>
 <head>
 <title>表</title>
<script src="Downloads/jquery-3.2.0.min.js"></script>
 <style type="text/css">
table {border-collqpse:collapse;} 
table, th, td { border:1px solid #000;}
</style>
  </head>
    <body>
      <table>
        <thead>
   <th>横1</th>
   <th>横2</th>
   <th>横3</th>
   <th>横4</th>
   <th>横5</th>

       </thead>
</tr>
     <tbody>
     <table>
   <td> 类1</td>
   <td> 类2</td>
   <td> 类3</td>
   <td> 类4</td>
   <td> 类5</td>
</tr>
     </tbody>
     </table>

     <tbody>
     <table>
   <td> 类1</td>
   <td> 类2</td>
   <td> 类3</td>
   <td> 类4</td>
   <td> 类5</td>
</tr>
     </tbody>
     </table>

     <tbody>
     <table>
   <td> 类1</td>
   <td> 类2</td>
   <td> 类3</td>
   <td> 类4</td>
   <td> 类5</td>
</tr>
     </tbody>
     </table>

<script>

$("tr:odd").css("background","#0f0");
$("tr:even").css("background","#0ff");

</script>
</body>
</html>
